<template>
  <div>
   	<!-- mobile-menu-area start -->
		<div class="mobile-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li>
										<a class="active1" href="index.html">
											Home
										</a>
										<ul>
											<li>
												<a href="index.html">
													home version 1
												</a>
											</li>
											<li>
												<a href="index-2.html">
													home version 2
												</a>
											</li>
											<li>
												<a href="index-3.html">
													home version 3
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Pages
										</a>
										<ul>
											<li>
												<a href="about-us.html">
													about us
												</a>
											</li>
											<li>
												<a href="cart.html">
													cart
												</a>
											</li>
											<li>
												<a href="checkout.html">
													checkout
												</a>
											</li>
											<li>
												<a href="wishlist.html">
													wishlist
												</a>
											</li>
											<li>
												<a href="login.html">
													login
												</a>
											</li>
											<li>
												<a href="register.html">
													register
												</a>
											</li>
											<li>
												<a href="contact.html">
													contact
												</a>
											</li>
											<li>
												<a href="shop-page.html">
													shop page
												</a>
											</li>
											<li>
												<a href="shop-list.html">
													shop list
												</a>
											</li>
											<li>
												<a href="single-product.html">
													single product
												</a>
											</li>
											<li>
												<a href="404.html">
													404 page
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Blog
										</a>
										<ul>
											<li>
												<a href="blog-page.html">
													blog-page
												</a>
											</li>
											<li>
												<a href="blog-sidebar.html">
													blog left sidebar
												</a>
											</li>
											<li>
												<a href="blog-right-sidebar.html">
													blog right sidebar
												</a>
											</li>
											<li>
												<a href="blog-details.html">
													blog-details
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="about-us.html">
											about us
										</a>
									</li>
									<li>
										<a href="contact.html">
											Contacts
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->
		<!-- slider start -->
		<section class="slider-area">
			<div class="slider-img-3 ptb-350 parallax-window" data-parallax="scroll"
			data-speed="0.3" data-image-src="assets/img/slider/4.jpg">
				<div class="slider-3-content text-center">
					<h2 class="heading-sub-title cd-headline clip">
						<span>
							new
						</span>
						<span class="cd-words-wrapper">
							<b class="is-visible">
								Men’s
							</b>
							<b>
								women’s
							</b>
							<b>
								kid's
							</b>
						</span>
						<span>
							Fashion
						</span>
					</h2>
					<h3>
						save up to 40% off
					</h3>
					<a class="button-hover" href="#">
						shop now
					</a>
				</div>
			</div>
		</section>
		<!-- slider end -->
		<!-- service area start -->
		<div class="service-area pt-100">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-4">
						<div class="single-service addm">
							<div class="service-icon">
								<i class="pe-7s-plane">
								</i>
							</div>
							<div class="service-text">
								<h3>
									FREE SHIIPPING
								</h3>
								<p>
									Guaranteed delivery in 4 days
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="single-service addm">
							<div class="service-icon">
								<i class="pe-7s-back">
								</i>
							</div>
							<div class="service-text">
								<h3>
									100% Monye back
								</h3>
								<p>
									Send within 30 days
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="single-service">
							<div class="service-icon">
								<i class="pe-7s-headphones">
								</i>
							</div>
							<div class="service-text">
								<h3>
									online support
								</h3>
								<p>
									Call us 24/7 at 070-7782-9137
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- service area end -->
		<!-- banner style 2 start -->
		<div class="banner-style-3 pt-100">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-6 col-sm-6">
								<div class="banner-style-3-img mb-30">
									<img src="assets/img/banner/10.jpg" alt="">
									<div class="banner-style-3-dec">
										<a href="#">
											nice shirt
										</a>
									</div>
								</div>
								<div class="banner-style-3-img">
									<img src="assets/img/banner/11.jpg" alt="">
									<div class="banner-style-3-dec">
										<a href="#">
											nice bag
										</a>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6">
								<div class="banner-style-3-img mb-30">
									<img src="assets/img/banner/12.jpg" alt="">
									<div class="banner-style-3-dec">
										<a href="#">
											nice shoes
										</a>
									</div>
								</div>
								<div class="banner-style-3-img">
									<img src="assets/img/banner/13.jpg" alt="">
									<div class="banner-style-3-dec">
										<a href="#">
											perfume
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-12">
						<div class="banner-style-3-img mb-res">
							<img src="assets/img/banner/14.jpg" alt="">
							<div class="banner-style-3-dec">
								<a href="#">
									awesome tops
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- banner style 2 end -->
		<!-- shop area start -->
		<div class="home-product-area ptb-100">
			<div class="container">
				<div class="section-title text-center mb-70">
					<h2>
						Featured Collections
						<i class="fa fa-shopping-cart">
						</i>
					</h2>
				</div>
				<div class="features-tab">
					<div class="home-2-tab">
						<ul role="tablist">
							<li class="active">
								<a href="#dresses" data-toggle="tab">
									Dresses
								</a>
							</li>
							<li>
								<a href="#bags" data-toggle="tab">
									Bags
								</a>
							</li>
							<li>
								<a href="#shoes" data-toggle="tab">
									Shoes
								</a>
							</li>
						</ul>
					</div>
					<div class="tab-content">
						<div class="tab-pane active" id="dresses">
							<div class="row">
								<div class="product-curosel product-curosel-style owl-carousel">
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/1.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/2.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$130.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/3.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Perfume
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/8.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Bag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$121.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/4.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/5.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="bags">
							<div class="row">
								<div class="product-curosel product-curosel-style owl-carousel">
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/1.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/2.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$130.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/3.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Perfume
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/8.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Bag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$121.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/4.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/5.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="shoes">
							<div class="row">
								<div class="product-curosel product-curosel-style owl-carousel">
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/1.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/2.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$130.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/3.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Perfume
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/8.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Bag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$121.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/4.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/5.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- shop area end -->
		<div class="counter-home2">
			<div class="container">
				<div class="counter2-all text-center">
					<img alt="" src="assets/img/banner/9.jpg">
					<div class="counter-content">
						<h2>
							DEAL OF THE DAY
						</h2>
						<h4>
							Get 50% off to our products
						</h4>
						<div class="timer">
							<div data-countdown="2018/01/01">
							</div>
						</div>
						<div class="counter2-btn">
							<a href="shop-page.html">
								View Products
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- shop area start -->
		<div class="home-product-area ptb-100">
			<div class="container">
				<div class="section-title text-center mb-70">
					<h2>
						new Collections
						<i class="fa fa-shopping-cart">
						</i>
					</h2>
				</div>
				<div class="features-tab">
					<div class="home-2-tab">
						<ul role="tablist">
							<li class="active">
								<a href="#dresses" data-toggle="tab">
									New Products
								</a>
							</li>
						</ul>
					</div>
					<div class="tab-content">
						<div class="tab-pane active">
							<div class="row">
								<div class="product-curosel product-curosel-style owl-carousel">
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/1.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/8.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/7.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Perfume
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/6.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Bag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/5.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Handbag
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-12">
										<div class="single-shop">
											<div class="shop-img">
												<a href="#">
													<img src="assets/img/shop/equal/4.jpg" alt="" />
												</a>
												<div class="shop-quick-view">
													<a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
														<i class="pe-7s-look">
														</i>
													</a>
												</div>
												<div class="price-up-down">
													<span class="sale-new">
														sale
													</span>
												</div>
												<div class="button-group">
													<a href="#" title="Add to Cart">
														<i class="pe-7s-cart">
														</i>
														add to cart
													</a>
													<a class="wishlist" href="#" title="Wishlist">
														<i class="pe-7s-like">
														</i>
														Wishlist
													</a>
												</div>
											</div>
											<div class="shop-text-all">
												<div class="title-color fix">
													<div class="shop-title f-left">
														<h3>
															<a href="#">
																Tops
															</a>
														</h3>
													</div>
													<div class="price f-right">
														<span class="new">
															$120.00
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- shop area end -->
		<!-- blog area start -->
		<div class="blog-area pb-70">
			<div class="container">
				<div class="section-title text-center mb-50">
					<h2>
						latest news
						<i class="fa fa-pencil">
						</i>
					</h2>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/1.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Kid’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here', making it look like..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/2.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here', making it look like..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 hidden-sm">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/3.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										man’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here', making it look like..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- blog area end -->
  </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  mounted() {
    (function (a) {
      a("#ensign-nivoslider").nivoSlider({
        effect: "random",
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 5000,
        startSlide: 0,
        directionNav: true,
        controlNavThumbs: true,
        pauseOnHover: false,
        manualAdvance: true,
      });
    })(jQuery);
    (function (a) {
      a("nav#dropdown").meanmenu({
        meanScreenWidth: "767",
        meanMenuContainer: ".mobile-menu",
      });
      a(".grid").imagesLoaded(function () {
        a(".shop-menu").on("click", "button", function () {
          var i = a(this).attr("data-filter");
          h.isotope({
            filter: i,
          });
        });
        var h = a(".grid").isotope({
          itemSelector: ".grid-item",
          percentPosition: true,
          masonry: {
            columnWidth: ".grid-item",
          },
        });
      });
      a(".shop-menu button").on("click", function (h) {
        a(this).siblings(".active").removeClass("active");
        a(this).addClass("active");
        h.preventDefault();
      });
      var f = a("#slider-range");
      var b = a("#amount");
      f.slider({
        range: true,
        min: 40,
        max: 600,
        values: [20, 570],
        slide: function (h, i) {
          b.val("$" + i.values[0] + " - $" + i.values[1]);
        },
      });
      b.val("$" + f.slider("values", 0) + " - $" + f.slider("values", 1));
      a(".testimonial-active").owlCarousel({
        loop: true,
        nav: false,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 1,
          },
          1000: {
            items: 1,
          },
        },
      });
      a(".video-popup").magnificPopup({
        type: "iframe",
      });
      a(".details-tab").owlCarousel({
        loop: true,
        nav: true,
        items: 4,
        margin: 10,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 3,
          },
          768: {
            items: 4,
          },
          1000: {
            items: 4,
          },
        },
      });
      a(".product-curosel").owlCarousel({
        loop: true,
        nav: true,
        items: 4,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 2,
          },
          1000: {
            items: 4,
          },
        },
      });
      a(".special-slider-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: true,
        items: 4,
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 2,
          },
          1000: {
            items: 4,
          },
        },
      });
      a("[data-countdown]").each(function () {
        var h = a(this),
          i = a(this).data("countdown");
        h.countdown(i, function (j) {
          h.html(
            j.strftime(
              '<span class="cdown day">%-D <p>Days</p></span> <span class="cdown hour">%-H <p>Hour</p></span> <span class="cdown minutes">%M <p>Min</p></span class="cdown second"> <span>%S <p>Sec</p></span>'
            )
          );
        });
      });
      var e = a(".stickey");
      var g = a(window);
      g.on("scroll", function () {
        var h = g.scrollTop();
        if (h < 1) {
          e.removeClass("stick");
        } else {
          e.addClass("stick");
        }
      });
      a("#customer").on("click", function () {
        a("#customer-login").slideToggle(900);
      });
      a("#coupon").on("click", function () {
        a("#have-coupon").slideToggle(900);
      });
      a.scrollUp({
        scrollText: '<i class="fa fa-angle-up"></i>',
        easingType: "linear",
        scrollSpeed: 900,
        animation: "fade",
      });
      a(".parallax-window").parallax();
      var c = a("#contact_form");
      c.validate({
        onfocusout: false,
        onkeyup: false,
        rules: {
          name: "required",
          email: {
            required: true,
            email: true,
          },
        },
        errorPlacement: function (i, h) {
          i.insertBefore(h);
        },
        messages: {
          name: "What's your name?",
          email: {
            required: "What's your email?",
            email: "Please, enter a valid email",
          },
        },
        highlight: function (h) {
          a(h).text("").addClass("error");
        },
        success: function (h) {
          h.text("").addClass("valid");
        },
      });
      var d = a("#contact_submit");
      c.submit(function () {
        if (a(this).valid()) {
          d.button("loading");
          var h = a(this).attr("action");
          a.ajax({
            url: h,
            type: "POST",
            data: {
              contactname: a("#contact_name").val(),
              contactemail: a("#contact_email").val(),
              contactmessage: a("#contact_message").val(),
            },
            success: function () {
              d.button("reset");
              d.button("complete");
            },
            error: function () {
              d.button("reset");
              d.button("error");
            },
          });
        } else {
          d.button("reset");
        }
        return false;
      });
    })(jQuery);
  },
  methods: {},
};
</script>